데브딕에서 지정한 색인용 자료 타입
border-radius
속성에 사용되는 타입이다.
요소의 네 모서리에 대한 둥글기를 설정하는 값을 나타낸다.
<length-percentage [0,∞]>{1,4} [ / <length-percentage [0,∞]>{1,4} ]?
선택적으로 /
를 기준으로 좌우에 값을 작성할 수 있다. /
가 없는 경우에는 최소 1개의 값부터 최대 4개의 값까지 공백으로 구분하여 작성이 가능하다. 작성된 값의 갯수에 따라 적용되는 방식이 다르다. 즉 왼쪽 상단 모서리부터 시계 방향으로 작성된 순서에 따라 적용이 되며 4개의 값이 아닐 경우 대각선 방향으로 마주보고 있는 값을 사용하여 처리한다. 작성된 값은 x
, y
축에 동일한 반지름 값으로 사용한다.
최소 한개의 값이 작성이 되었다면 이어서 /
를 사용하여 최소 1개, 최대 4개의 값을 공백으로 구분하여 작성할 수 있다. /
를 사용한 경우에는 x
, y
축의 반지름값을 다르게 설정할 수 있다. 즉 /
를 기준으로 왼쪽은 x
축, 오른쪽은 y
축의 반지름 값으로 사용한다. 각각의 방향에 따라 최대 4개의 값을 작성할 수 있고 작성된 값의 갯수에 따라 왼쪽 상단 모서리부터 시계 방향으로 x
축 또는 y
축의 반지름값으로 적용되며 값이 없는 경우에는 대각선 방향으로 마주보고 있는 값을 사용한다.
Modules | ||
---|---|---|
Module Name | Status | Summary |
CSS Backgrounds and Borders Module Level 3 | Last review date: 2022-7-9 |